<%--
  Created by IntelliJ IDEA.
  User: 林淮
  Date: 2024/12/24
  Time: 上午8:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script>
<link rel="stylesheet" href="statics/css/editLocation.css">
<body>
<div class="edit-address-container">
    <div class="section-header">
        <h2 class="section-title">编辑邮寄地址</h2>
    </div>

    <form id="editAddressForm">
        <input type="hidden" id="locationId" name="id">

        <div class="form-group">
            <label class="form-label required">收件人</label>
            <input type="text" class="form-input" name="receiverName" required>
        </div>

        <div class="form-group">
            <label class="form-label required">手机号码</label>
            <input type="tel" class="form-input" name="mobilePhone" required>
        </div>

        <div class="form-group">
            <label class="form-label">固定电话</label>
            <div class="phone-group">
                <input type="text" class="form-input area-code" name="areaCode" placeholder="区号">
                <span class="separator">-</span>
                <input type="text" class="form-input phone-number" name="phoneNumber" placeholder="电话号码">
                <span class="separator">-</span>
                <input type="text" class="form-input extension" name="extension" placeholder="分机">
            </div>
        </div>

        <div class="form-group">
            <label class="form-label required">所在地区</label>
            <div class="address-select">
                <select id="province" name="province" required></select>
                <select id="city" name="city" required></select>
                <select id="district" name="district" required></select>
            </div>
        </div>

        <div class="form-group">
            <label class="form-label required">详细地址</label>
            <input type="text" class="form-input" name="streetAddress" required>
        </div>

        <div class="form-group">
            <label class="form-label">邮政编码</label>
            <input type="text" class="form-input" name="postalCode">
        </div>

        <div class="form-actions">
            <button type="submit" class="submit-btn">保存</button>
            <button type="button" class="cancel-btn" onclick="history.back()">取消</button>
        </div>
    </form>
</div>
</body>
<script src="statics/js/editLocation.js"></script>
</html>
